Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / messages / AddAudioButton.vue

Displaying Raw • Download

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"inline-flex"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isRecordingAudioAttachmentTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"my-auto inline-flex items-center gap-x-1 rounded-full border border-red-200 bg-red-50 px-3 py-1.5 text-xs font-semibold text-red-700 shadow-sm hover:border-red-400 transition dark:border-red-500/40 dark:bg-red-900/30 dark:text-red-100"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3stopRecordingAudioAttachmentTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"microphone" Te6edf3classTff7b72=Ta5d6ff"w-4 h-4" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"ml-1"Tb4b4b4>

Tb4b4b4<Tff7b72slot Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-else

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"my-auto inline-flex items-center gap-x-1 rounded-full border border-gray-200 dark:border-zinc-700 bg-white/90 dark:bg-zinc-900/80 px-3 py-1.5 text-xs font-semibold text-gray-800 dark:text-gray-100 shadow-sm hover:border-blue-400 dark:hover:border-blue-500 transition"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3showMenuTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"microphone-plus" Te6edf3classTff7b72=Ta5d6ff"w-4 h-4" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"hidden xl:inline-block whitespace-nowrap"Tb4b4b4>Add VoiceTb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative block"Tb4b4b4>

Tb4b4b4<Tff7b72Transition

Te6edf3enter-active-classTff7b72=Ta5d6ff"transition ease-out duration-100"

Te6edf3enter-from-classTff7b72=Ta5d6ff"transform opacity-0 scale-95"

Te6edf3enter-to-classTff7b72=Ta5d6ff"transform opacity-100 scale-100"

Te6edf3leave-active-classTff7b72=Ta5d6ff"transition ease-in duration-75"

Te6edf3leave-from-classTff7b72=Ta5d6ff"transform opacity-100 scale-100"

Te6edf3leave-to-classTff7b72=Ta5d6ff"transform opacity-0 scale-95"

Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isShowingMenuTa5d6ff"

Te6edf3v-click-outsideTff7b72=Ta5d6ff"Te6edf3hideMenuTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"absolute bottom-0 -ml-11 sm:right-0 sm:ml-0 z-10 mb-10 rounded-xl bg-white dark:bg-zinc-900 shadow-lg ring-1 ring-gray-200 dark:ring-zinc-800 focus:outline-none"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"py-1"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3startRecordingCodec2Tb4b4b4(Ta5d6ff'1200'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Low Quality - Codec2 (1200)

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3startRecordingCodec2Tb4b4b4(Ta5d6ff'3200'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Medium Quality - Codec2 (3200)

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"w-full block text-left px-4 py-2 text-sm text-gray-700 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-800 whitespace-nowrap"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3startRecordingOpusTb4b4b4(Tb4b4b4)Ta5d6ff"

Tb4b4b4>

High Quality - OPUS

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72TransitionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"AddAudioButton"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3isRecordingAudioAttachmentTff7b72: Tffa657BooleanTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"start-recording"Tb4b4b4, Ta5d6ff"stop-recording"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3isShowingMenuTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3showMenuTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72trueTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3hideMenuTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72falseTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3startRecordingAudioAttachmentTb4b4b4(Te6edf3argsTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72falseTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"start-recording"Tb4b4b4, Te6edf3argsTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3startRecordingCodec2Tb4b4b4(Te6edf3modeTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3startRecordingAudioAttachmentTb4b4b4(Tb4b4b4{

Te6edf3codecTff7b72: Ta5d6ff"codec2"Tb4b4b4,

Te6edf3modeTff7b72: Te6edf3modeTb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3startRecordingOpusTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3startRecordingAudioAttachmentTb4b4b4(Tb4b4b4{

Te6edf3codecTff7b72: Ta5d6ff"opus"Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3stopRecordingAudioAttachmentTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isShowingMenu Tff7b72= Tff7b72falseTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"stop-recording"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>